<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">
      <style>
        .col {
        width: 100px;
        }
      </style>
    <body>
        <ui:composition template="./admin-template.xhtml">
            <ui:param name="titulo" value="Editar Cliente" />
            <ui:define name="body">
                <a4j:form>
                        <rich:spacer height="30"/>
                        <rich:datascroller align="center" for="tblClients" maxPages="10" reRender="sc2" id="sc1" />
                        <rich:spacer height="30"/>
                        <rich:extendedDataTable height="300px" width="400px" columnClasses="col" align="center" id="tblClients" value="#{ClientsBean.clients}" var="cr" rows="9">
                             <rich:column filterBy="#{cr.numeroDocumento}" sortBy="#{cr.numeroDocumento}" label="Numero de documento">
                                 <f:facet name="header">
                                     Numero
                                 </f:facet>
                                 #{cr.numeroDocumento}
                             </rich:column>
                             <rich:column filterBy="#{cr.nombreCliente}" sortBy="#{cr.nombreCliente}" label="Nombre de Cliente">
                                 <f:facet name="header">
                                    Nombre
                                 </f:facet>
                                #{cr.nombreCliente}
                            </rich:column>
                            <rich:column filterBy="#{cr.email}" sortBy="#{cr.email}" label="Email">
                                <f:facet name="header">
                                    Email
                                </f:facet>
                                #{cr.email}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Operaciones
                                </f:facet>
                                <rich:spacer width="5" />
                                <a4j:commandLink title="Eliminar" action="#{ClientsBean.delete}" immediate="true" reRender="tblClients">
                                    <f:setPropertyActionListener value="#{cr}" target="#{ClientsBean.client}"/>
                                    <h:graphicImage url="/img/del.gif" styleClass="icon"/>
                                </a4j:commandLink>                                
                            </rich:column>                            
                        </rich:extendedDataTable>
                        <rich:datascroller align="center" for="tblClients" maxPages="20" id="sc2" reRender="sc1" />                    
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>

